import React, {Component} from 'react'
import ComC from './ComC'
export default class ComE extends React.Component {
  // 通过ref操作dom节点
  constructor() {
    super()
    this.state = {
      info: 'hi'
    }
    this.el2 = React.createRef();
  }
  showDom() {
    console.log(this.refs.p1);
    console.log(this.refs.comc1);
    console.log(this.el);
    console.log(this.el2);
  }
  // 在渲染函数中通过props接受父组件的数据
  render() {
    return (<div>
      {/* ref的第一种方式 */}
      <p ref="p1">我是子组件</p>
      {/* ref的第二种方式 */}
      <div ref={(el)=>this.el = el}>我也是子组件</div>
      {/* ref的第三种方式 */}
      <h5 ref={this.el2}>我还是子组件</h5>
      <ComC ref="comc1"></ComC>
      <button onClick={()=>this.showDom()}>打印节点</button>
    </div>)
  }
}